<template>
	<jc-page>
		<u-navbar :is-back="true" :back-icon-color="vuex_titleColor" :title="title" :title-color="vuex_titleColor" :background="vuex_navBackground"></u-navbar>
		<view class="user-box">
			<u-cell-group :border="list.border">
				<u-cell-item title="头像" :center="true" :border-bottom="list.borderBottom">
					<u-avatar :src="list.model.userFace" mode="circle"></u-avatar>
				</u-cell-item>
				<u-cell-item title="用户名" :value="list.model.userName" :arrow="false" :border-bottom="list.borderBottom"></u-cell-item>
				<u-cell-item title="昵称" :value="list.model.nickName" :border-bottom="list.borderBottom"></u-cell-item>
			</u-cell-group>
			<u-gap height="20"></u-gap>
			<u-cell-group :border="list.border">
				<u-cell-item title="真实姓名" :value="list.model.realName" :border-bottom="list.borderBottom"></u-cell-item>
				<u-cell-item title="性别" :value="list.model.sex" :border-bottom="list.borderBottom"></u-cell-item>
				<u-cell-item title="出生日期" :value="list.model.birthDate" :border-bottom="list.borderBottom"></u-cell-item>
				<u-cell-item title="区域" :value="list.model.area" :border-bottom="list.borderBottom"></u-cell-item>
				<u-cell-item title="地址" :value="list.model.address" :border-bottom="list.borderBottom"></u-cell-item>
			</u-cell-group>
		</view>
	</jc-page>
</template>

<script>
export default {
	data() {
		return {
			list: {
				border: false,
				borderBottom: true,
				model: {
					/* 图像 */
					userFace: '',
					/* 用户名 */
					userName: '',
					/* 昵称 */
					nickName: '',
					/* 真实姓名 */
					realName: '',
					/* 性别 */
					sex: '',
					/* 出生日期 */
					birthDate: '',
					/* 区域 */
					area : '',
					/* 地址 */
					address: ''
				}
			}
		};
	},
	computed: {
		title() {
			return '个人信息'
		}
	},
	onLoad() {
		this.list.model.userFace = this.vuex_user.userFace;
		this.list.model.userName = '隔壁老王';
		this.list.model.nickName = this.vuex_user.userName;
		this.list.model.realName = '王老三';
		this.list.model.sex = '男';
		this.list.model.birthDate = '1990-06-06';
		this.list.model.area = '湖北省 武汉市 江岸区';
		this.list.model.address = '后湖大道55号';
	}
};
</script>

<style lang="scss" scoped></style>